<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>用户导入</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/list.css"/>
    <link rel="stylesheet" type="text/css" href="../../assets/css/userManagement/importContacts.css"/>
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/lib/formValidator/style/validator.css"/>
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/form.css"/>
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->


<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title clearfix pb-10">
                    <h2 fl>首页 > 工单起草</h2>
                    <button class="t-btn t-btn-blue t-btn-lg fr" id="btnConfirmSubmit">确认提交</button>

                </div>

                <div class="clearfix">
                    <div class="fl" style="width: 29.80%;border-right:1px solid #ccc;min-height: 500px;padding-bottom:100px;margin-bottom:-100px;">
                        <div class="t-list-btns" style="margin: 0;">
                            <p>申请信息</p>
                        </div>
                        <div class="person-setting" style="padding: 10px;">
                            <div class="t-columns-1">
                                <form id="frmMain">
                                    <ul class="t-columns-group">
                                        <li>
                                            <label class="necessary">工单名称</label>
                                            <div><input type="text" name="orderName" id="orderName" value=""/></div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="orderNameTip"></div></div>
                                        </li>
                                        <li>
                                            <label class="necessary">选择审批人</label>
                                            <div>
                                                <select id="auditUserId" name="auditUserId">

                                                </select>
                                            </div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="auditUserIdTip"></div></div>
                                        </li>
                                        <li style="height: auto;">
                                            <label class="necessary">申请原因</label>
                                            <div style="height: auto;">
                                                <textarea id="orderDescribe" name="orderDescribe" placeholder="200字以内" rows="6"></textarea>
                                            </div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="orderDescribeTip"></div></div>
                                        </li>
                                    </ul>
                                    <input type="hidden" id="hidUserCard" name="userCard"/>
                                </form>

                            </div>
                        </div>
                    </div>
                    <div class="fr" style="width: 70%">
                        <div class="">
                                <div class="t-list-btns" style="margin: 0;">
                                    <p>开卡人列表</p>
                                    <span id="tabUserTotal">(共<span>0</span>条记录,一次最多只能添加500人)</span>
                                    <p id="importantTip" style="color: #f00;">*批量导入会清空原有开卡人信息</p>
                                    <div class="clearfix">
                                        <a class="t-btn t-btn-blue fl" id="btnAdd">新增人员</a>
                                        <div class="fl" style="position: relative;">
                                            <a class="t-btn t-btn-blue" id="uploadTip">批量导入</a>
                                            <input id="file_upload" style="display: none;" name="fileData" type="file" multiple="false"/>
                                        </div>

                                        <a class="t-btn t-btn-blue fl" href="../../../excle/import.xls" download="import.xls" id="downLoadTemp">下载模板</a>

                                    </div>
                                </div>

                            <div class="t-list-result clearfix ">
                                <div id="tabUserTip" class="t-norecord">
                                    <i class="icon-files-empty"></i>
                                    <p>暂无数据记录</p>
                                </div>
                                <table class="t-table" id="tabUser" style="display: none;">
                                    <thead>
                                        <tr>
                                            <th>姓名</th>
                                            <th>性别</th>
                                            <th>手机</th>
                                            <th>员工编号</th>
                                            <th>身份证号</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <script id="approverListTmpl" type="text/html">
                                            {{each}}
                                                <tr>
                                                    <td>{{$value.userName}}</td>
                                                    <td>{{$value.sex | genderFormat}}</td>
                                                    <td>{{$value.phone}}</td>
                                                    <td>{{$value.standby}}</td>
                                                    <td>{{$value.idCardNo}}</td>
                                                    <td>
                                                        <a class="t-btn t-btn-blue" data-phone="{{$value.phone}}" id="btnEdit">编辑</a>
                                                        <a class="t-btn t-btn-red" data-phone="{{$value.phone}}" id="btnDelete">删除</a>
                                                    </td>
                                                </tr>
                                            {{/each}}
                                        </script>
                                    </tbody>
                                </table>
                                <!-- 表格 -->

                                <!-- 分页 -->
                                <div class="pagination mb-10" id="tabUserPagination">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>


<div id="copyright"></div>


<!--新增用户页面-->
<div class="modal fade bs-example-modal-lg" id="modalCardholder" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="modal-title-approver">新增开卡人员</h4>
            </div>
            <form id="frmMainApprover">
                <div class="modal-body">
                    <div class="t-list">
                        <div class="person-setting first">
                            <input type="hidden" id="addRole" value=""/>
                            <div class="t-columns-1">
                                <ul class="t-columns-group">
                                    <li>
                                        <label class="necessary">姓名</label>
                                        <div><input type="text" name="trueName"  id="trueName" value=""></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="trueNameTip"></div></div>
                                    </li>
                                    <li>
                                        <label class="necessary">性别</label>
                                        <div>
                                            <label style="padding-right:5px;">
                                                <input class="t-form-check" type="radio" name="sex" value="0" checked id="boy">男
                                            </label>
                                            <label>
                                                <input class="t-form-check" type="radio" name="sex" value="1" id="girl">女
                                            </label>
                                        </div>
                                    </li>
                                    <li class="verify"></li>
                                    <li>
                                        <label class="necessary">手机</label>
                                        <div><input type="text" name="phone"  id="phone" maxlength="11" value=""/></div>
                                        <input type="hidden" id="oldPhone"/>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="phoneTip"></div></div>
                                    </li>
                                    <li>
                                        <!-- 必填项为label追加样式: necessary -->
                                        <label class="necessary">员工编号</label>
                                        <div><input type="text" name="emno"  id="emno" value=""></div>
                                        <input type="hidden" id="oldEmno"/>
                                    </li>

                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="emnoTip"></div></div>
                                    </li>
                                    <li class="">
                                        <!-- 必填项为label追加样式: necessary -->
                                        <label class="necessary">身份证号</label>
                                        <div><input type="text" name="idno"  id="idno" maxlength="18" value=""/></div>
                                        <input type="hidden" id="oldIdno" maxlength="18"/>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="idnoTip"></div></div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary"  id="btnSave">保存</button>
                    <input type="hidden" id="hidIndex"/>
                </div>
            </form>
        </div>
    </div>
</div>

<!--提示模态框-->
<div style="z-index: 9999" class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>



<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<!--模板引擎-->
<script src="../../assets/lib/artTemplate/template.js"></script>
<!--文件上传插件-->
<script language="javascript" type="text/javascript">
    //防止客户端缓存文件，造成uploadify.js不更新，而引起的“浏览器崩溃”
    document.write("<script type='text/javascript' "
            + "src='../../assets/lib/uploadify/jquery.uploadify.js?ver=" + new Date().getTime()
            + "'></s" + "cript>");
</script>
<!--表单验证-->
<script src="../../assets/lib/formValidator/formValidator.js"></script>
<script src="../../assets/lib/formValidator/formValidatorRegex.js"></script>

<script src="../../assets/common/loadHeaderAndCopyright.js"></script>
<script src="../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
<script src="../../assets/common/centerModal.js"></script>
<script src="../../assets/lib/tipModal/js/tipModal.js"></script>

<!--数据交互公用脚本-->
<script src="../../assets/common/ajaxPoster.js"></script>
<script charset="utf-8" src="../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../assets/common/loaderTable.js"></script>
<script charset="utf-8" src="../../js/workOrderApproval/cardDraft.js"></script>
</body>
</html>